<template>
    <div>
        <div class="recommend-title">
            <span class="iconfont icon-heart"></span>猜你喜欢
        </div>
        <ul>
            <router-link tag="li" class="list-item" v-for="item in recommendList"
                         :key="item.id">
                <div class="item-img">
                    <img src="item.imgUrl" alt="">
                </div>
                <div class="item-img-tag">{{item.tag}}</div>
                <div class="item-info">
                    <div class="inner-box">
                        <div class="info-title">{{item.title}}</div>
                        <div class="info-comment">
                            <span class="iconfont icon-star"></span>
                            <span class="iconfont icon-star"></span>
                            <span class="iconfont icon-star"></span>
                            <span class="iconfont icon-star"></span>
                            <span class="iconfont icon-star"></span>
                            <span class="comment-num">{{item.commentNum}}条评价</span>
                        </div>
                        <div class="info-price">
                            <span class="price">￥<em>{{item.price}}</em></span>
                            <span class="district">{{item.district}}</span>
                        </div>
                    </div>
                </div>
            </router-link>
        </ul>
    </div>
</template>
<script>
export default {
    name:'HomeRecommend'
}
</script>
<style lang="stylus" scoped>

</style>